/** Add css rules here for your application. */


/** Example rules used by the template application (remove for your app) */

*{
	font-family: Arial, "sans serif";
}

.alert{
	color:red;
}



.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}


* {
	margin: 0 auto;
}

html, body {
	height: 100%;
}

body{
	/**background: url(img/bg.png);**/
}

#body{
	background: url(img/bg.png);
}

#header{

	height: 243px;
	background: url(img/header.png);

}

#menu{
	
	margin-top: 60px;
	float: left;
	font-family: Arial, "Sans serif";
	font-size: 16px;
	background: url(img/menu_line.png) top right no-repeat;
	height: 600px;
			
}

.menu1{
	margin-right: -60px;
}

.menu1 table{
	width : 256px;
	margin-right: 20px;
}

.menu1 td{
	
	font-family: Arial, "Sans serif";
	font-size: 16px;
	text-align: right;
	/*width: 165px;*/
			
}

.menu1 a{
	
	font-family: Arial, "Sans serif";
	font-size: 16px;
	text-align: right;
	margin-right: 40px;
	color: #000;
	text-decoration: none;
			
}

.menu1 a:hover{
	
	text-decoration: underline;
	color: #000;
			
}


#menu ul{
	
	list-style-type: none;
	text-align: right;
	margin-right: 25px;
	margin-top : 30px;
			
}

.title{
	
	font-size: 28px;
	color: #64b445;
	font-weigh: bold;
			
}

#title{
/*
	font-size: 28px;
	color: #000;
	font-weigh: bold;
	*/		
}

#title div{
	
	position: relative;
	top : -60px;
	left: 250px;
	font-size: 28px;
	color: #000;
	font-weigh: bold;
			
}

.gwt-MenuBar {
  cursor: pointer;
  border: 1px solid #BBBBBB;
}

.gwt-MenuBar .gwt-MenuItem {
  cursor: pointer;
}
.demo-MenuItem
{
    border                      :   1px solid #666;
    border-width                :   1px 0;
    margin                      :   0 auto;
    font-size                   :   80%;
}
.demo-MenuItem .gwt-MenuItem
{
    cursor                      :  	hand;
	cursor                      :   pointer;

    border-left                 :   1px solid #999;
    border-right                :   1px solid #999;
    background-color            :   #eee;
    padding                     :   0 10px;
}
.demo-MenuItem .gwt-MenuItem-selected
{
    background-color            :   #ffc;
}


#main_content{
	float: right;
	width: 640px;
	margin-top: 30px;
	margin-left: 30px;
	padding : 30px;
	text-align: left;
	background-color: #fff;
}

#page_title{
	background: url(img/title.png) no-repeat;
	display: block;
	height: 87px;
}

#object_title{
	
	color : #ff0000;
	background: url(img/page_title.png) no-repeat;
	display: block;
	height: 87px;
}

#main_content {
	
	margin-top: 25px;
	
}

.ok-button{
	
	width: 180px;
	height: 48px;
	background: url(img/buttonOk.png) no-repeat;
	border: none;
	
}

.ok-button:hover{
	
	cursor: pointer;
}


button{
	
	width: 180px;
	height: 48px;
	border: none;
	
}

button:hover{
	
	cursor: pointer;
}

#content_container{
	margin-top: -25px;
}

.external_link{
	text-decoration: underline;
}

.external_link:hover{
	cursor : pointer;
}

.fix_width{
	width: 1021px;
	height: auto;
	text-align: center;
	
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -195px; /* the bottom margin is the negative value of the footer's height */
}

div#footer{
	clear: both;
	height: 195px;
	background: url(img/footer.png);
	min-width: 1021px;

}

#footer, .push{
	heigth: 143px;
}


/** slider **/
.gwt-SliderBar-shell {
  border: 2px solid #faf9f7;
  border-right: 2px solid #848280;
  border-bottom: 2px solid #848280;
  background-color: #efebe7;
  height: 34pt;
  width: 50%;
}
.gwt-SliderBar-shell .gwt-SliderBar-line {
  border: 1px solid black;
  background-color: white;
  height: 4px;
  width: 95%;
  top: 22pt;
  overflow: hidden;
}
.gwt-SliderBar-shell .gwt-SliderBar-knob {
  top: 14pt;
  width: 11px;
  height: 21px;
  z-index: 1;
  cursor: pointer;
}
.gwt-SliderBar-shell .gwt-SliderBar-tick {
  top: 12pt;
  width: 1px;
  height: 8pt;
  background: black;
  overflow: hidden;
}
.gwt-SliderBar-shell .gwt-SliderBar-label {
  top: 2pt;
  font-size: 8pt;
  cursor: default;
}
.gwt-SliderBar-shell-focused {
}
.gwt-SliderBar-shell .gwt-SliderBar-line-sliding {
  background-color: #DDDDDD;
  cursor: pointer;
}

/* Calendar styles */

.calendar_popup{
	
	position: relative;
	
}
